@charset "UTF-8";
/*
** CSS Document *
** @name 罗店中学base css
------------------------------------------------------
** @autho hgy@gemdesign.cn Mr.Hu
------------------------------------------------------
** @autho 2021-09-10
------------------------------------------------------
*/
@keyframes fadeZoom {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.5);
  }
  75% {
    opacity: 0.1;
    transform: scale(3);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
@font-face {
  font-family: "HYJINKAIJ";
  src: url("../fonts/HYJINKAIJ.eot?v=b23925d");
  src: url("../fonts/HYJINKAIJ.eot?#font-spider") format("embedded-opentype"), url("../fonts/HYJINKAIJ.woff2?v=e8b5afc") format("woff2"), url("../fonts/HYJINKAIJ.woff?v=903592d") format("woff"), url("../fonts/HYJINKAIJ.ttf?v=c6bed54") format("truetype"), url("../fonts/HYJINKAIJ.svg?v=2a74329") format("svg");
}
html,
body,
div,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td,
header,
section,
article {
  margin: 0;
  padding: 0;
}

body {
  font: 14px/1.7 "PingFangSC", "Microsoft YaHei", '"冬青黑体简体中文"', "Helvetica Neue", "Hiragino Sans GB", Arial, sans-serif;
  color: #666;
  background: #f6e5c7;
}

img {
  border: 0 none;
  vertical-align: top;
  outline: none;
}

ul,
li {
  list-style-type: none;
}

input,
select,
button,
textarea {
  font-family: "Arial", "Sans-serif", "Helvetica", "Microsoft YaHei";
}

button {
  cursor: pointer;
}

i,
em,
cite,
u {
  font-style: normal;
}

input:focus {
  outline: none;
}

a {
  color: #666;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  color: #4897d2;
}

a:focus {
  outline: none;
}

a.blue {
  color: #4897d2;
}

a.blue:hover {
  text-decoration: underline;
}

.clearfix:after {
  content: "";
  /*内容为“.”就是一个英文的句号而已。也可以不写。*/
  display: block;
  /*加入的这个元素转换为块级元素。*/
  clear: both;
  /*清除左右两边浮动。*/
  visibility: hidden;
  /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
  line-height: 0;
  /*行高为0；*/
  height: 0;
  /*高度为0；*/
  font-size: 0;
  /*字体大小为0；*/
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.normals {
  font-style: normal;
  font-weight: normal;
}

.home_bg {
  background: url("../images/home_bg.jpg?v=4ebabad") no-repeat top center;
}

.history_bg {
  background: url("../images/history_bg.jpg?v=0cde2b7") no-repeat top center;
}

.address_bg {
  background: url("../images/address_bg.jpg?v=0f42622") no-repeat top center;
}

.leader_bg {
  background: url("../images/leader_bg.jpg?v=2ee0f03") no-repeat top center;
}

.meritorious_bg {
  background: url("../images/meritorious_bg.jpg?v=ae5379b") no-repeat top center;
}

.alumni_bg {
  background: url("../images/alumni_bg.jpg?v=0cd1830") no-repeat top center;
}

.home_bg,
.history_bg,
.leader_bg,
.address_bg,
.meritorious_bg,
.alumni_bg {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
}

.address_bg {
  background-position: top left;
}

body.alumni_bg {
  background-position: center bottom;
}

.cont-bg1 {
  background: url("../images/bg1.jpg?v=1f7a5a3") no-repeat top center fixed #f6e5c7;
}

.cont-bg2 {
  background: url("../images/bg2.jpg?v=1510ada") no-repeat top center fixed #f6e5c7;
}

.pt200 {
  padding-top: 200px !important;
}

@keyframes _flash {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.orange_bg {
  background: url("../images/history-detail-bg.png?v=cbca69b") no-repeat #f6e5c7;
}

.wrap {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.topbar {
  max-width: 1920px;
  margin: 20px auto 0 auto;
  position: relative;
  z-index: 9999;
}

.logo {
  width: 138px;
  height: 43px;
  margin-left: 25px;
  float: left;
  background: url("../images/logo.png?v=c7c576e") no-repeat;
  background-size: cover;
  display: block;
  transition: all 275s cubic-bezier(0, 0, 0.58, 1);
}
.logo.logo-orange {
  background: url("../images/logo-orange.png?v=65aad63") no-repeat;
  background-size: cover;
}

.nav {
  float: right;
  padding-right: 20px;
  margin-top: 8px;
}
.nav.darkblue li a {
  color: #0b0f3c;
}
.nav.darkblue li a:after {
  background: #0b0f3c;
}
.nav li {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  margin-left: 20px;
  margin-right: 20px;
}
.nav li a {
  color: #fff;
  display: block;
  position: relative;
  font-family: "HYJINKAIJ";
}
.nav li a .txt {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  letter-spacing: 3px;
}
.nav li a:after {
  content: "";
  height: 2px;
  width: 100%;
  background: #c3a874;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.275s cubic-bezier(0, 0, 0.58, 1);
  transform: scaleX(0);
}
.nav li a:hover:after {
  transform: scaleX(1);
}
.nav li.current a:after {
  transform: scaleX(1);
}

.return-top {
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url("../images/return-top.png?v=e82c833") no-repeat;
  background-size: cover;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 900;
  transform: translateY(100px);
  transition: all 0.275s cubic-bezier(0, 0, 0.58, 1);
}
.return-top.show {
  transform: translateY(0);
}

@media screen and (max-width: 1441px) {
  body.orange_bg {
    background-size: 608px auto;
  }
}
@media screen and (max-width: 1200px) {
  body.home_bg,
body.history_bg {
    overflow-x: auto;
  }

  .wrap {
    width: 1000px;
  }
}